<div class="example" style="width: 1200px;height: 430px;">
	<div class="ft-carousel" id="carousel_1">
		<ul class="carousel-inner">
			<li class="carousel-item"><a href="#"><img src="/images/index/banner/banner4.jpg" /></a></li>
			<li class="carousel-item"><a href="#"><img src="/images/index/banner/banner3.png" /></a></li>
			<li class="carousel-item"><a href="#"><img src="/images/index/banner/banner2.jpg" /></a></li>
			<li class="carousel-item"><a href="#"><img src="/images/index/banner/banner1.jpg" /></a></li>
		</ul>
	</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/ft-carousel.min.js"></script>
<script type="text/javascript">
	$("#carousel_1").FtCarousel();
	$("#carousel_2").FtCarousel({
		index: 1,
		auto: false
	});
	$("#carousel_3").FtCarousel({
		index: 0,
		auto: true,
		time: 3000,
		indicators: false,
		buttons: true
	});
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';color:#ffffff">
</div>